﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="Menu.aspx.cs" Inherits="RedHouse.Web.Menu" %>

<%@ Register Src="~/UserControls/UCMenuDetail.ascx" TagName="MenuDetail" TagPrefix="uc" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <script type='text/javascript' src='Scripts/jquery.cookie.js'></script>
    <script type='text/javascript' src='Scripts/jquery.hoverIntent.minified.js'></script>
    <script type='text/javascript' src='Scripts/jquery.dcjqaccordion.2.7.min.js'></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#slider').nivoSlider({
                effect: "fade",
                slices: 5,
                boxCols: 8,
                boxRows: 4,
                animSpeed: 500,
                pauseTime: 3500,
                startSlide: 0,
                directionNav: true,
                directionNavHide: true,
                controlNav: true,
                controlNavThumbs: false,
                controlNavThumbsFromRel: false,
                keyboardNav: true,
                pauseOnHover: false
            });

            $('#accordion-menu').dcAccordion({
                eventType: 'click',
                autoClose: true,
                saveState: true,
                disableLink: true,
                speed: 'fast',
                classActive: 'test',
                showCount: false,
                classActive: 'active'
            });

            $(".imgPreview").click(function () {
                var imageUrl = $(this).attr("thumbsImage");
                $.fancybox([
				imageUrl
			], {
			    'centerOnScroll': 'true',
			    'padding': 10,
			    'transitionIn': 'elastic',
			    'transitionOut': 'elastic',
			    'type': 'image',
			    'changeFade': 500,
			    'overlayColor': '#000',
			    'overlayOpacity': 0.9
			});
            });

            $("#menu1").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-02.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu2").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-03.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu3").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-04.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu4").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-05.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu5").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-06.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu6").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-07.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu7").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-08.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu8").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-09.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu9").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-10.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu10").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-11.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu11").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-12.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
			});

            $("#menu12").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-13.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu13").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-14.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu14").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-15.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu15").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-16.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu16").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-17.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });
            
            $("#menu17").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-18.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu18").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-19.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu19").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-20.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu20").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-21.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu21").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-22.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu22").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-23.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu23").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-24.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu24").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-25.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu25").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-26.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu26").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-27.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#menu27").click(function () {
                $.fancybox([
				    'picture_library/menu/menu-28.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            //            $("#menu28").click(function () {
            //                $.fancybox([
            //                    'picture_library/menu/sethcm01.jpg',
            //                    'picture_library/menu/sethcm02.jpg',
            //                    'picture_library/menu/sethcm03.jpg',
            //                    'picture_library/menu/sethcm04.jpg',
            //                    'picture_library/menu/sethcm05.jpg',
            //                    'picture_library/menu/sethcm06.jpg',
            //                    'picture_library/menu/sethcm07.jpg',
            //                    'picture_library/menu/sethcm08.jpg',
            //                    'picture_library/menu/sethcm09.jpg',
            //                    'picture_library/menu/sethcm10.jpg',
            //                    'picture_library/menu/sethcm11.jpg',
            //                    'picture_library/menu/sethcm12.jpg',
            //                    'picture_library/menu/sethcm13.jpg',
            //                    'picture_library/menu/sethcm14.jpg',
            //                    'picture_library/menu/sethcm15.jpg',
            //                    'picture_library/menu/sethcm16.jpg',
            //                    'picture_library/menu/sethcm17.jpg',
            //                    'picture_library/menu/sethcm18.jpg',
            //                    'picture_library/menu/sethcm19.jpg',
            //                    'picture_library/menu/sethcm20.jpg',
            //                    'picture_library/menu/sethcm21.jpg',
            //                    'picture_library/menu/sethcm22.jpg',
            //                    'picture_library/menu/sethcm23.jpg',
            //                    'picture_library/menu/sethcm24.jpg'
            //			    ], {
            //			        'centerOnScroll': 'true',
            //			        'padding': 10,
            //			        'transitionIn': 'elastic',
            //			        'transitionOut': 'elastic',
            //			        'type': 'image',
            //			        'changeFade': 500,
            //			        'overlayColor': '#000',
            //			        'overlayOpacity': 0.9,
            //			        'showNavArrows': 'true'
            //			    });
            //            });

            $("#nav li").removeClass("active");
            $("#menu-menu").addClass("active");
        });

        window.onscroll = function (e) {
            if (f_scrollTop() > 400) {
                $("#menu-left-menu").css('position', 'fixed');
                $("#menu-left-menu").css('top', '0');
            } else {
                $("#menu-left-menu").css('position', 'relative');
                $("#menu-left-menu").css('top', '400');
            }
        }
    </script>

    <%=RedHouse.Web.Resources.scriptMenuLunch %>

    <% if (Session["location"].ToString() == "2")
       { %>
            <script type="text/javascript">
                $(document).ready(function () {
                    $(".level-1").removeClass("active");
                    $("#carte").addClass("active");
                    $('.dish').css('display', 'none');
                    $('.carte').css('display', 'block');

                    $('#carte').click(function () {
                        $(".level-1").removeClass("active");
                        $(this).addClass('active');
                        $('.dish').css('display', 'none');
                        $('.carte').css('display', 'block');
                    });

                    $('#dimsum').click(function () {
                        $(".level-1").removeClass("active");
                        $(this).addClass('active');
                        $('.dish').css('display', 'none');
                        $('.dimsum').css('display', 'block');
                    });

                    $('#set').click(function () {
                        $(".level-1").removeClass("active");
                        $(this).addClass('active');
                        $('.dish').css('display', 'none');
                        $('.set').css('display', 'block');
                    });
                }); 
            </script>
    <% }
       else if (Session["location"].ToString() == "1")
       { %>
            <script type="text/javascript">
                $(document).ready(function () {
                    $(".level-1").removeClass("active");
                    $("#hn-carte").addClass("active");
                    $('.dish').css('display', 'none');
                    $('.hn-carte').css('display', 'block');

                    $('#hn-carte').click(function () {
                        $(".level-1").removeClass("active");
                        $(this).addClass('active');
                        $('.dish').css('display', 'none');
                        $('.hn-carte').css('display', 'block');
                    });

                    $('#hn-lunch').click(function () {
                        $(".level-1").removeClass("active");
                        $(this).addClass('active');
                        $('.dish').css('display', 'none');
                        $('.hn-lunch').css('display', 'block');
                    });
                }); 
            </script>
    <% } %>

    <% if (Session["location"].ToString() == "2")
       { %>
    <% for (int i = 1; i < 11; i++)
       {
           %>
           <script type="text/javascript">
               $(document).ready(function () {
                   $("#sethcm-<%=i %>").click(function () {
                       $.fancybox([
				    'http://redhouse.com.vn/picture_library/menu/sethcm<%=i %>.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
                   });
               });
           </script>
           <%
       } %>

    <% for (int i = 1; i < 5; i++)
       {
           %>
           <script type="text/javascript">
               $(document).ready(function () {
                   $("#dimsum-<%=i %>").click(function () {
                       $.fancybox([
				    'http://redhouse.com.vn/picture_library/menu/Dimsum_Dec%202011_<%=i %>.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
                   });
               });
           </script>
           <%
       } %>
    <% } %>
    <style>
        #slider .nivo-controlNav
        {
            width: 570px;
            height: 20px;
        }
        
        #slider
        {
            width: 580px;
            height: 520px;
            -moz-border-radius: 0px;
            border-radius: 0px;
            border: 1px solid white;
            -moz-box-shadow: 1px 1px 3px #ccc;
            -webkit-box-shadow: 1px 1px 3px #ccc;
            box-shadow: 1px 1px 3px #ccc;
            behavior: url(PIE.htc);
        }
        
        #fancybox-left-ico { 
            left: -35px; 
        } 

        #fancybox-right-ico { 
            right: -35px; 
            left: auto; 
        } 
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class="col-left" id="menu-left-menu">
        <div class="left-title">
            <h1>Our Menu</h1>
        </div>
        <div class="left-content">
            <ul class="accordion" id="accordion-menu">
                <%--<%if (Menus != null)
                  {
                      foreach (RedHouse.Data.Entities.RedHouseCategory item in Menus)
                      {
                %>
                <li><a href='Menu.aspx?id=<%=item.CategoryId%>' class="level-1">&nbsp;&nbsp;&nbsp;&nbsp;<%= item.Title%></a></li>
                <%
                      }
                  } %>--%>
                <% if (Session["location"].ToString() == "2")
                   { %>
                <li><a href="#" class="level-1" id="carte">&nbsp;&nbsp;&nbsp;&nbsp;A la Carte Menu</a></li>
                <!--<li><a href="#" class="level-1" id="dimsum">&nbsp;&nbsp;&nbsp;&nbsp;Dimsum Menu</a></li>-->
                <li><a href="#" class="level-1" id="set">&nbsp;&nbsp;&nbsp;&nbsp;Set Menu</a></li>
                <%
                    }
                   else if (Session["location"].ToString() == "1")
                   { 
                   %>
                        <li><a href="#" class="level-1" id="hn-carte">&nbsp;&nbsp;&nbsp;&nbsp;<%=RedHouse.Web.Resources.lnkMenuHNCarte%></a></li>
                        <li><a href="#" class="level-1" id="hn-lunch">&nbsp;&nbsp;&nbsp;&nbsp;<%=RedHouse.Web.Resources.lnkMenuHNVP%></a></li>
                   <%
                   }%>
            </ul>
        </div>
    </div>
    <!-- END .col-left -->
    <div class="col-main">
        <div class="main-title">
            <h1>
                &nbsp;</h1>
        </div>
        <div class="main-content">
            <asp:Repeater runat="server" ID="rptMenu">
                <HeaderTemplate>
                </HeaderTemplate>
                <ItemTemplate>
                    <div class="dish menu">
                        <div class="dish-title">
                            <h1>
                                <%#DataBinder.Eval(Container.DataItem,"Title")%>
                            </h1>
                        </div>
                        <div class="dish-thumb">
                            <a href='Menu.aspx?id=<%#DataBinder.Eval(Container.DataItem,"CategoryId")%>'>
                                <img src='<%#DataBinder.Eval(Container.DataItem,"ImageUrl")%>' /></a>
                        </div>
                    </div>
                </ItemTemplate>
                <AlternatingItemTemplate>
                    <div class="dish-right menu">
                        <div class="dish-title">
                            <h1>
                                <%#DataBinder.Eval(Container.DataItem,"Title")%>
                            </h1>
                        </div>
                        <div class="dish-thumb">
                            <a href='Menu.aspx?id=<%#DataBinder.Eval(Container.DataItem,"CategoryId")%>'>
                                <img src='<%#DataBinder.Eval(Container.DataItem,"ImageUrl")%>' /></a>
                        </div>
                    </div>
                </AlternatingItemTemplate>
                <FooterTemplate>
                </FooterTemplate>
            </asp:Repeater>
            <uc:MenuDetail ID="UCDetail" runat="server" Visible="false">
            </uc:MenuDetail>

            <% if (Session["location"].ToString() == "1")
               { %>
            <div class="dish menu hn-carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu1%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu1" src="picture_library/menu/menu-02_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu hn-carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu2%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu2" src="picture_library/menu/menu-03_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu hn-carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu3%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu3" src="picture_library/menu/menu-04_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu hn-carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu4%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu4" src="picture_library/menu/menu-05_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu hn-carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu5%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu5" src="picture_library/menu/menu-06_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu hn-carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu6%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu6" src="picture_library/menu/menu-07_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu hn-carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu7%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu7" src="picture_library/menu/menu-08_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu hn-carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu8%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu8" src="picture_library/menu/menu-09_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu hn-carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu9%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu9" src="picture_library/menu/menu-10_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu hn-carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu10%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu10" src="picture_library/menu/menu-11_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu hn-lunch">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lnkMenuHNVP%></h1>
				</div>
				<div class="dish-thumb">
					<!--<img id="menu-lunch" src="picture_library/menu/menu-lunch-vn_thumb.jpg" />-->
                    <%=RedHouse.Web.Resources.imgMenuLunchThumb%>
				</div>		
			</div>
            <% }
               else
               { %>
               
               <div class="dish menu carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu11%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu11" src="picture_library/menu/menu-12_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu12%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu12" src="picture_library/menu/menu-13_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu13%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu13" src="picture_library/menu/menu-14_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu14%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu14" src="picture_library/menu/menu-15_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu15%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu15" src="picture_library/menu/menu-16_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu16%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu16" src="picture_library/menu/menu-17_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu17%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu17" src="picture_library/menu/menu-18_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu18%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu18" src="picture_library/menu/menu-19_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu19%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu19" src="picture_library/menu/menu-20_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu20%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu20" src="picture_library/menu/menu-21_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu21%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu21" src="picture_library/menu/menu-22_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu22%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu22" src="picture_library/menu/menu-23_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu23%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu23" src="picture_library/menu/menu-24_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu24%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu24" src="picture_library/menu/menu-25_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu25%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu25" src="picture_library/menu/menu-26_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu26%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu26" src="picture_library/menu/menu-27_thumb.jpg" />
				</div>		
			</div>

            <div class="dish menu carte">
				<div class="dish-title">
					<h1><%=RedHouse.Web.Resources.lblMenu27%></h1>
				</div>
				<div class="dish-thumb">
					<img id="menu27" src="picture_library/menu/menu-28_thumb.jpg" />
				</div>		
			</div>

            <%--<div class="dish menu">
				<div class="dish-title">
					<h1>Set Menu</h1>
				</div>
				<div class="dish-thumb">
					<img id="menu28" src="picture_library/menu/sethcm01-thumb.jpg" />
				</div>		
			</div>--%>

            <% for (int i = 1; i < 5; i++)
               {
                   %>
                        <div class="dish menu dimsum">
				            <div class="dish-title">
					            <h1>Dimsum Menu <%=i %></h1>
				            </div>
				            <div class="dish-thumb">
					            <img id="dimsum-<%=i %>" src="http://redhouse.com.vn/picture_library/menu/Dimsum_Dec%202011_<%=i %>_thumb.jpg" />
				            </div>		
			            </div>
                   <%
               } %>

            <% for (int i = 1; i < 11; i++)
               {
                   %>
                        <div class="dish menu set">
				            <div class="dish-title">
					            <h1>Set Menu <%=i %></h1>
				            </div>
				            <div class="dish-thumb">
					            <img id="sethcm-<%=i %>" src="http://redhouse.com.vn/picture_library/menu/sethcm<%=i %>_thumb.jpg" />
				            </div>		
			            </div>
                   <%
               } %>
               
               <% } %>
        </div>
    </div>
    <!-- END .col-main -->
</asp:Content>
